/* 行为相关颜色 */
$vue-color-primary: #7799fa;
$vue-color-secondary: #6f5ee3;

$vue-color-success: #75d996;
$vue-color-warning: #f0ad4e;
$vue-color-error: #f44887;

/* 文字基本颜色 */
$vue-text-color: #333; //基本色
$vue-text-color-inverse: #fff; //反色
$vue-text-color-grey: #999; //辅助灰色，如加载更多的提示信息
$vue-text-color-placeholder: #808080;
$vue-text-color-disable: #c0c0c0;

/* 背景颜色 */
$vue-bg-color: #fff;
$vue-bg-color-grey: #f8f8f8;
$vue-bg-color-hover: #f1f1f1; //点击状态颜色
$vue-bg-color-mask: rgba(0, 0, 0, 0.4); //遮罩颜色

/* 边框颜色 */
$vue-border-color: #e7e7e7;

/* 文字尺寸 */
$vue-font-size-sm: 12px;
$vue-font-size-base: 14px;
$vue-font-size-lg: 16px;

/* 图片尺寸 */
$vue-img-size-sm: 20px;
$vue-img-size-base: 26px;
$vue-img-size-lg: 40px;

/* Border Radius */
$vue-border-radius-sm: 2px; // for cards, tabs
$vue-border-radius-base: 4px; // for drop-down,
$vue-border-radius-lg: 8px; // for buttons
$vue-border-radius-circle: 50%;

/* 透明度 */
$vue-opacity-disabled: 0.3; // 组件禁用态的透明度

/* box-shadow */
$vue-box-shadow-header: 0 2px 10px 0 rgba(0 0 0 / 10%);
$vue-box-shadow-side: 2px 0px 10px 0px rgba(228, 234, 253, 0.3);
$vue-box-shadow-button-primary: 0px 0px 10px 2px rgba(206, 199, 246, 0.5);
$vue-box-shadow-button-mini: 0px 0px 2px 1px rgba(0 0 0 / 10%);
$vue-box-shadow-common: 0 0 10px 1px rgba(0 0 0 / 10%);

// h-shadow v-shadow blur spread color inset

/* aside size */
$vue-aside-width: 65px;

/* buttons */

.el-button--primary {
  background-color: $vue-color-primary;
  box-shadow: $vue-box-shadow-button-primary;
}

.el-button--danger {
  background-color: $vue-color-error;
}

.el-button--mini,
.el-button--small {
  box-shadow: $vue-box-shadow-button-mini;
}

.el-button--primary.el-button--small {
  background-color: $vue-color-primary;
  box-shadow: $vue-box-shadow-button-primary;
}

.el-button--primary.el-button--mini {
  background-color: $vue-color-primary;
  box-shadow: $vue-box-shadow-button-primary;
}

.el-dialog {
  border-radius: $vue-border-radius-lg;
}

.el-breadcrumb-item {
  color: $vue-text-color;
}
